<template>
    <div>
        <MyHead :title="'地址'" :show="true"></MyHead>


        <div >
        <van-address-list
            v-model="chosenAddressId"
            :list="list"
            :disabled-list="disabledList"
            disabled-text="以下地址超出配送范围"
            default-tag-text="默认"
            @add="onAdd"
            @edit="onEdit"
        />
        </div>
    </div>
</template>

<script>
import { Toast } from 'vant';
import axios from 'axios'

export default {
    data() {
    return {
      chosenAddressId: '1',
      list: [
        
      ],
      listone:'',
      disabledList: [
        {
          id: '3',
          name: '王五',
          tel: '1320000000',
          address: '浙江省杭州市滨江区江南大道 15 号',
        },
      ],
    };
  },
  mounted(){
    axios.get("http://localhost:3000/dizhi")
    .then(res=>{
      console.log(res);
      
      this.list = res.data
    console.log(this.list);
     res.data.forEach((l,i) => {
        var lists =  l.city+l.province+l.county;
      l["address"] = lists
      console.log(l);
      // this.list[i].push({'address':lists})
      });
      console.log(this.list);
    }) 
  },
  methods: {
    onAdd() {
      Toast('新增地址');
      this.$router.push({name:"bianji"})
    },
    onEdit(item, index) {
      Toast('编辑地址:' + index);
    },
  },
}
</script>